<template>
  <div>
    <div class="s1" v-show="puchaList.length !=0">
      <div class="s11">
          <div class="s11-1">
              <div class="smn" @click="toshow()">
                  <div class="">时间</div>
                  <i class="el-icon-arrow-down" v-if="show"></i>
                  <i class="el-icon-arrow-up" v-else></i>
              </div>
              <div class="smn1" v-if="show">
                  <el-checkbox-group v-model="nianfen" @change="shunianfen">
                      <el-checkbox
                      v-for="tag in yearList"
                      :key="tag.name"
                      :label="tag.name"
                      
                      >{{ tag.name }}
                      <span style="font-size:12px;color:#666;padding-left:4px">({{tag.num}}条)</span>
                      </el-checkbox
                      >
                  </el-checkbox-group>
              </div>
          </div>
          <!-- <div class="s11-1">
              <div class="smn" @click="toshow1()">
                  <div class="">门类</div>
                  <i class="el-icon-arrow-down" v-if="show1"></i>
                  <i class="el-icon-arrow-up" v-else></i>
              </div>
              <div class="smn1" v-if="show1">
                  <el-checkbox-group v-model="menlei" @change="shunianfen1">
                      <el-checkbox
                      v-for="tag in  mlList"
                      :key="tag.mc"
                      :label="tag.mc"
                      :checked="true"
                      >{{ tag.mc }} 
                      </el-checkbox
                      >
                  </el-checkbox-group>
              </div>
          </div> -->
          <!-- <div class="s11-1" style="margin-bottom:0">
              <div class="smn" @click="toshow2()">
                  <div class="">级别</div>
                  <i class="el-icon-arrow-down" v-if="show2"></i>
                  <i class="el-icon-arrow-up" v-else></i>
              </div>
              <div class="smn1" v-if="show2">
                  <el-checkbox-group v-model="jibie" @change="shunianfen2">
                      <el-checkbox
                      v-for="tag in  jbList"
                      :key="tag.mc"
                      :label="tag.mc"
                      :checked="true"
                      >{{ tag.mc }}
                      </el-checkbox
                      >
                  </el-checkbox-group>
              </div>
          </div> -->
      </div>
      <div class="s12">
          <div class="cont">
              <div class="cont-1">
                  <div>检索范围：<span>全部</span></div>
                  <div style="padding-left:24px">主题：<span>{{keyword}}</span></div>
              </div>
              <div class="cont-2">
                  <div>共找到<span>{{total}}</span>条结果</div>
                  <!-- <div class="shuliang">1/321</div> -->
              </div>
          </div>
          <div class="cont1">
              <div class="cont1-3">
                  <div style="display: flex;
                      justify-content: flex-end;
                      align-items: center;">排序： <span>相关度</span><img src="../../assets/images/pxs.png" alt=""></div>
                  <div style="padding-left:12px">发表时间 : 综合</div>
              </div>
              <div class="cont1-2">
                  <div>每页显示</div>
                  <div>
                    <el-select v-model="value" placeholder="">
                          <el-option
                              v-for="item in options"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                              @click.native="partTypesClick"
                          >
                          </el-option>
                      </el-select>
                  </div>
                  
                  <div>条</div>
              </div>
              

          </div>
          <el-checkbox-group
              v-model="bushForm"
              @change="handleCheckedColumnChangeSales"
          >
              <div class="cont2"   v-for="(item,index) in puchaList" :key="item.id" >
                  <div class="left">
                      <!-- <el-checkbox
                      :key="item.id"
                      :label="item.id"
                  ></el-checkbox> -->

                  </div>
                  <div class="righ" >
                      <div class="mcs">
                          <div @click="towenxians(item.wxlx,item.id)" class="mc">{{item.mc}}  <span style="font-size:12px;color:#911F23;font-weight: 400;">({{item.wxlxmc}})</span></div>
                          <!-- <div class="mc1" @click="shoucang(item.wxlx,item.id,item.mc,item)"  v-if="item.sfsc==0">
                              <img src="../../assets/images/s1.png" alt="">
                              <div>收藏</div>
                          </div>
                          <div class="mc1" @click="qxshoucang(item.wxlx,item.id,item)" v-else>
                              <img src="../../assets/images/s2.png" alt="">
                              <div>收藏</div>
                          </div> -->
                      </div>
                      <div class="fx" @click="towenxians(item.wxlx,item.id)">
                          <span v-if="item.cbs">{{ item.cbs }}</span>
                          <el-divider direction="vertical" v-if="item.cbs"></el-divider>
                          <span v-if="item.zz">{{ item.zz }}</span>
                          <el-divider direction="vertical" v-if="item.zz"></el-divider>
                          <span>{{ item.ly ? item.ly : "" }}</span>
                          <el-divider
                              direction="vertical"
                              v-if="item.ly"
                          ></el-divider>
                          <span>{{ item.jb ? item.jb : "" }}</span>
                          <el-divider
                              direction="vertical"
                              v-if="item.jb"
                          ></el-divider>
                          <span v-if="item.pc">第{{ item.pc }}批</span>
                          <el-divider
                              direction="vertical"
                              v-if="item.pc"
                          ></el-divider>
                          <span v-if="item.gs">格式：{{ item.gs }}</span>
                          <el-divider
                              direction="vertical"
                              v-if="item.gs"
                          ></el-divider>
                          <span v-if="item.xmlb">{{ item.xmlb }}</span>
                          <el-divider direction="vertical" v-if="item.xmlb"></el-divider>
                          <span v-if="item.sj">{{ item.sj }}</span>
                      </div>
                      <div class="nr" @click="towenxians(item.wxlx,item.id)" v-if="item.jj"> {{filtertt(item.jj)}}</div>
                  </div>
              </div>
            
          </el-checkbox-group>
          <div class="cont3">
              <el-pagination
                  background
                  layout="prev, pager, next"
                  :total="total"
                  @current-change="handleCurrentChange"
                  :page-size="value * 1"
                  >
              </el-pagination>
          </div>
      </div>
    </div>
    <div  v-show="puchaList.length ==0"  style="width:100%;height:300px;text-align: center;color: #999;font-size: 14px;margin-top:130px">
        暂无数据
    </div>
  </div>
</template>
<style scoped  lang="scss">
::v-deep .el-checkbox-group {
  display: flex;
  flex-direction: column;
  font-size: 0;

  
  
}
::v-deep .el-checkbox {
  padding-bottom: 12px;
}
::v-deep .el-checkbox__label {
  font-size: 12px;
  font-family: Source Han Sans CN-Regular, Source Han Sans CN;
  font-weight: 400;
  color: #333333;
}
// 分页
::v-deep .el-pagination.is-background .el-pager li{
    background-color: #fff;
}
::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #911F23;
    color: #fff;
}
::v-deep .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #911F23;
    
}
//分页数
::v-deep .el-select-dropdown__item.selected{
    color: #911F23 !important;
}
::v-deep .el-input__inner{
    color: #911F23;
}


::v-deep .el-checkbox__input.is-checked+.el-checkbox__label{
    color: #333;
}
::v-deep .el-divider--vertical {
    height: 15px;
}
::v-deep .el-radio {
  .el-radio__input {
    .el-radio__inner {
      border-radius: 2px;
    }
  }
  .el-radio__input.is-checked .el-radio__inner::after {
    content: '';
    width: 8px;
    height: 3px;
    border: 2px solid white;
    border-top: transparent;
    border-right: transparent;
    text-align: center;
    display: block;
    position: absolute;
    top: 2px;
    left: 1px;
    vertical-align: middle;
    transform: rotate(-45deg);
    border-radius: 0px;
    background: none;
  }
}
::v-deep .el-radio{
    line-height: 30px;
    display: block;
    .el-radio__label{
        font-size: 12px;
        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        span{
            color: #999999;
            padding-left: 10px;
        }
    }
}
::v-deep .el-input--suffix .el-input__inner{
    width: 70px;
    height: 22px;
    margin: 0 6px;
}
/*右侧图标样式  \e790下箭头图标*/
::v-deep  .el-select .el-input .el-select__caret.el-input__icon::before {
  content: " \e790";  
  color: #333333;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -50%);
}
::v-deep .el-select .el-input .el-select__caret {
  transform: rotateZ(0deg);
}

    .s1{
        width: 1400px;
        margin: 24px auto 90px;
        display: flex;
        justify-content: space-between;
        .s11{
            width: 240px;
            .s11-1{
                width: 100%;
                // height: 376px;
                margin-bottom: 24px;
                .smn{
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: calc(100% - 32px);
                    height: 46px;
                    background-color: #F2F2F2;
                    border-radius: 8px 8px 0px 0px;
                    padding: 0 16px;
                    font-size: 14px;
                    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                    font-weight: 400;
                    color: #333333;
                    cursor: pointer;
                }
                .smn1{
                    width: calc(100% - 32px);
                     max-height: 310px;
                    overflow: auto;
                    padding: 18px 16px 12px;
                    background-color: #fff;
                    border-radius:  0px 0px 8px 8px;
                    // line-height: 45px;
                }
            }
            
        }
        .s12{
            width: 1140px;
            .cont{
                width: 100%;
                display: flex;
                justify-content: space-between;
                .cont-1{
                    display: flex;
                    font-size: 14px;
                    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                    font-weight: 400;
                    color: #333333;
                    span{
                        color: #911F23;
                    }
                }
                .cont-2{
                    display: flex;
                    font-size: 14px;
                    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                    font-weight: 400;
                    color: #666666;
                    span{
                        color: #911F23;
                        padding: 0 4px;
                    }
                    .shuliang{
                        padding-left: 24px;
                    }
                }
            }
            .cont1{
                width: calc(100% - 32px);
                height: 48px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 16px;
                background: #FFFFFF;
                border-radius: 8px 8px 8px 8px;
                margin-top: 16px;
                .cont1-1{
                    width: 40%;
                    display: flex;
                    .cont1-12{
                        font-size: 14px;
                        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                        font-weight: 400;
                        color: #333333;
                        padding-left: 12px;
                        span{
                            padding: 0 6px;
                            color: #911F23;
                        }
                    }
                    .cont1-13{
                        margin-left: 12px;
                        width: 44px;
                        height: 22px;
                        background: #911F23;
                        border-radius: 4px 4px 4px 4px;
                        opacity: 1;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 14px;
                        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                        font-weight: 400;
                        color: #FFFFFF;
                    }
                    .cont1-14{
                        margin-left: 12px;
                        width: 72px;
                        height: 20px;
                        border-radius: 4px 4px 4px 4px;
                        opacity: 1;
                        border: 1px solid #911F23;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 14px;
                        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                        font-weight: 400;
                        color: #911F23;
                    }
                }
                .cont1-2{
                    width: 20%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    font-size: 14px;
                    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                    font-weight: 400;
                    color: #333333;
                }
                .cont1-3{
                    width: 40%;
                    display: flex;
                    // justify-content: flex-end;
                    align-items: center;
                     font-size: 14px;
                    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                    font-weight: 400;
                    color: #333333;
                    img{
                        // padding-top: 8px;
                        height: 20px;
                        width: 20px;
                    }
                    span{
                        color: #911F23;
                    }
                   
                }
            }
            .cont2{
                width: calc(100% - 32px);
                padding: 16px;
                background: #FFFFFF;
                border-radius: 8px 8px 8px 8px;
                opacity: 1;
                margin-top: 12px;
                display: flex;
                cursor: pointer;
                .left{
                    width: 0%;
                }
                .righ{
                    width: 100%;
                    .mcs{
                        width: 100%;
                        display: flex;
                        justify-content: space-between;
                        // align-items: center;
                        .mc{
                            // height: 24px;
                            font-size: 18px;
                            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                            font-weight: 600;
                            color: #3D3D3D;
                        }
                        .mc1{
                            display: flex;
                            align-items: center;
                            font-size: 12px;
                            font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                            font-weight: 400;
                            color: #333333;
                            img{
                                width: 16px;
                                height: 16px;
                            }
                        }
                    }
                    .fx{
                        margin-top: 16px;
                        font-size: 12px;
                        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                        font-weight: 400;
                        color: #666666;
                    }
                    .nr{
                        width: 100%;
                        margin-top: 16px;
                        font-size: 12px;
                        font-family: Source Han Sans CN-Regular, Source Han Sans CN;
                        font-weight: 400;
                        color: #666666;
                        line-height: 20px;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                    }
                }
            }
            .cont3{
                width: 1400px;
                margin-top: 16px;
                text-align: center;
                transform: translateX(-10%);
            }
        }
    }
  
</style>

<script>
 import { getyear ,getml,getjb  ,getindex,getindexMax,getyearmax,getgjjs,getyearleibie,getsc,getqxsc} from "@/api/api.js"; 
 import Vue from 'vue';
import Viewer from 'v-viewer'

import 'viewerjs/dist/viewer.css'
Vue.use(Viewer, {

defaultOptions: {

zIndex:100000,

inline:false,

button:true,

navbar:true,

title:true,

toolbar:true,

tooltip:true,

movable:true,

zoomable:true,

rotatable:true,

scalable:true,

transition:true,

fullscreen:true,

keyboard:true,

loop:true,

}

})
export default {
  props: ["sznum","shuzinum","shu","shuzi",'shuji','lilun'],
  data(){
    return{
         nianfen:[],
         menlei:[],
         jibie:[],
         options: [{
            value: '10',
            label: '10'
            }, {
            value: '20',
            label: '20'
            }, {
            value: '30',
            label: '30'
            }, {
            value: '50',
            label: '50'
            }, {
            value: '100',
            label: '100'
        }],
        value: '10',
        radio:'0',
        radio1:'0',
        radio2:'0',
        time1:[
            {id:1,name:'门类'},
            {id:2,name:'门类'},
            {id:3,name:'门类'},
            
        ],
        time2:[
            {id:1,name:'国家级'},
            {id:2,name:'省级'},
            {id:3,name:'市级'},
            {id:4,name:'县级'},
        ],
        show:true,
        show1:true,
        show2:true,

        checkAll:false,
        isALL: false, // 全选框是否在勾选状态
        tableData: [
            {
            id: "1",
            code: "Y000028",
            name: "医疗",
            },
            {
            id: "2",
            code: "Y000029",
            name: "场馆",
            },
            {
            id: "3",
            code: "Y000030",
            name: "机场站房",
            },
        ], //全部数据
        bushForm: [], //选中的数据

        //年份
        yearList:[],
        mlList:[],
        jbList:[],
        pageIndex: 1,
        pageSize: 10,
        keyword: "",
        puchaList:[],
        total:0,
        keywordLink:0,
        lm:0,
        type:0,
        jibiename:'',
        yhm:{},
        mnbvc:[]
       
    }
  },
  created(){
      this.yhm = JSON.parse(sessionStorage.getItem("loginInfo"))
      ? JSON.parse(sessionStorage.getItem("loginInfo"))
      : "";
     this.getMl()
     this.getJb()
     
  },
  mounted(){
    // this.drawChart()
  },
  watch: {
    sznum(val) {
      this.nianfen = []
      this.keyword = this.shuzinum.jsInputBookname
      this.keywordLink = this.shu.bookname*1
      this.lm = this.shu.booknamest1*1
      this.type =  this.shu.booknamest2
      this.jibiename = this.shu.bookname3
       if(this.shuzinum.time){
         this.nianfen.push(this.shuzinum.time)
      }
      sessionStorage.setItem("sousuos", this.keyword );
      this.danxiang()
      this.getYear()
    },
    shuzi(val) {
      this.nianfen = []
      this.keyword = this.shuzinum.jsInputBookname
      this.keywordLink = this.shu.bookname*1
      this.lm = this.shu.booknamest1*1
      this.type =  this.shu.booknamest2
      this.jibiename = this.shu.bookname3
       if(this.shuzinum.time){
         this.nianfen.push(this.shuzinum.time)
      }
      sessionStorage.setItem("sousuos", this.keyword );
      this.getYearlb()
      this.danxiang()
      

    },
    shuji(val) {
      this.nianfen = []
      this.keyword = this.shuzinum.jsInputBookname
      this.keywordLink = this.shu.bookname*1
      this.lm = this.shu.booknamest1*1
      this.type =  this.shu.booknamest2
      this.jibiename = this.shu.bookname3
       if(this.shuzinum.time){
         this.nianfen.push(this.shuzinum.time)
      }
      sessionStorage.setItem("sousuos", this.keyword );
      this.danxiang()
      this.getYearlb()
    },
    lilun(val) {
      this.nianfen = []
      this.keyword = this.shuzinum.jsInputBookname
      this.keywordLink = this.shu.bookname*1
      this.lm = this.shu.booknamest1*1
      this.type =  this.shu.booknamest2
      this.jibiename = this.shu.bookname3
      if(this.shuzinum.time){
         this.nianfen.push(this.shuzinum.time)
      }
     
      sessionStorage.setItem("sousuos", this.keyword );
      this.danxiang()
      this.getYearlb()
    },
  },
  methods:{
    filtertt(text) {
      var reg = /<[^<>]+>/g; //1、全局匹配g肯定忘记写,2、<>标签中不能包含标签实现过滤HTML标签
      text = text.replace(reg, ""); //替换HTML标签
      text = text.replace(/&emsp;/gi, ""); //替换HTML空格
      text = text.replace(/&nbsp;/gi, "");
      return text;
    },
    async shoucang(lx, id, mc, item) {
      if(lx==58 || lx ==59 || lx==60){
        let res = await getsc({
          lx: 57,
          zyid: id,
          zymc: mc,
          yhid: this.yhm.id,
        });
        if (res.code == 0) {
          this.scs = id;

          this.$message({
            message: "收藏成功",
            type: "success",
          });
          return (item.sfsc = 1);
        } else {
          this.$message.error(res.msg);
        }
      }else{
        let res = await getsc({
          lx: lx,
          zyid: id,
          zymc: mc,
          yhid: this.yhm.id,
        });
        if (res.code == 0) {
          this.scs = id;

          this.$message({
            message: "收藏成功",
            type: "success",
          });
          return (item.sfsc = 1);
        } else {
          this.$message.error(res.msg);
        }
      }
      
    },
    async qxshoucang(lx, id, item) {
      if(lx ==58 || lx==59 || lx==60){
        let res = await getqxsc({
          zylx: 57,
          zyid: id,
          yhid: this.yhm.id,
        });
        if (res.code == 0) {
          this.$message({
            message: "取消收藏成功",
            type: "success",
          });
          item.sfsc = "0";
        } else {
          this.$message.error(res.msg);
        }
      }else{
        let res = await getqxsc({
          zylx: lx,
          zyid: id,
          yhid: this.yhm.id,
        });
        if (res.code == 0) {
          this.$message({
            message: "取消收藏成功",
            type: "success",
          });
          item.sfsc = "0";
        } else {
          this.$message.error(res.msg);
        }
      }
      
    },
    //  shulb(val){
    //     this.pageIndex=1
    //     this.nianfen = val
    //     this.danxiang()
    // },
    partTypesClick(e) {
      this.pageSize = this.value;
      this.danxiang()
    },
    towenxians(id, lx) {
      if(id==7){
        
        const {href} = this.$router.resolve({ path: "/literature", query: { id: id ,lx:lx*1} });
        window.open(href, '_blank');
      }else if(id==8){
        const {href} = this.$router.resolve({ path: "/ccr", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }
      else if(id==28){
        const {href} = this.$router.resolve({ path: "/huiyi", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==9){
        const {href} = this.$router.resolve({ path: "/jidi", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==29){
        const {href} = this.$router.resolve({ path: "/hd", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==6){
        const {href} = this.$router.resolve({ path: "/txxm", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==5){
        const {href} = this.$router.resolve({ path: "/pcxs", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==30){
        const {href} = this.$router.resolve({ path: "/pucha", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==47){
        const {href} = this.$router.resolve({ path: "/jb", query: { id: lx ,lx:id} });
        window.open(href, '_blank');
      }else if(id==46){
        const {href} = this.$router.resolve({ path: "/qk", query: { id: lx ,lx:id} });
        window.open(href, '_blank');
      }else if(id==69){
        const {href} = this.$router.resolve({ path: "/lw", query: { id: id ,lx:lx} });
        window.open(href, '_blank');
      }else if(id==70){
        const {href} = this.$router.resolve({ path: "/kt", query: { id: id ,lx:lx} });
        window.open(href, '_blank');

      }else if(id==59){
        const {href} = this.$router.resolve({ path: "/audio", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==61){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==60){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==62){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==63){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==64){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==65){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==66){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==67){
        const {href} = this.$router.resolve({ path: "/video", query: { id: lx ,lx:id} });
        window.open(href, '_blank');

      }else if(id==45){
         const {href} = this.$router.resolve({ path: "/BookDetails", query: { lx: id ,id:lx} });
        window.open(href, '_blank');
        // const {href} = this.$router.resolve({ path: "/BookDetails", query: { id: lx,id:lx } });
        // window.open(href, '_blank');
      }
      
    },
     handleCurrentChange(val) {
      this.pageIndex = val;
      this.danxiang();
    },
    async danxiang(){
      let formData = new FormData();
      // 调用append()方法添加数据
      formData.append("keyword", this.keyword);
      formData.append("pageIndex", this.pageIndex);
      formData.append("pageSize", this.pageSize);
      formData.append("keywordLink", this.keywordLink);
      formData.append("lm", this.lm);
      formData.append("type", this.type);
      formData.append("jibie", this.jibiename);
    // formData.append("zhaopian", this.up1);
    //   if (this.type.length != 0) {
    //     this.type.map((item, index) => {
    //       formData.append("type ", item);
    //     });
    //   }
      if (this.nianfen.length != 0) {
        this.nianfen.map((item, index) => {
          formData.append("year ", item);
        });
      }

      let res = await getgjjs(formData);
      this.puchaList = res.list;
      this.total = res.total;
    //   this.getYear()
      //
     
    },
    shunianfen(val) {
      console.log(val,'000')
      this.nianfen = val;
      this.danxiang();
    //   sessionStorage.setItem("pcnfs", JSON.stringify(val));
    //   this.getpucha();
    },
     shunianfen1(val) {
      this.menlei = val;
    //   sessionStorage.setItem("pcnfs", JSON.stringify(val));
    //   this.getpucha();
    },
    shunianfen2(val) {
      this.jibie= val;
    //   sessionStorage.setItem("pcnfs", JSON.stringify(val));
    //   this.getpucha();
    },
    async getYear(){
        let res =  await getyearmax({
            keyword:this.keyword
        })
        if(res.code == 0){
            this.yearList = res.data
        }
    },
    async getYearlb() {
      console.log(this.lm,'1')
      console.log(this.shu.booknamest2,'00')
      if(this.lm == 1){
        if(this.shu.booknamest2){
            this.getYearlbmaxs()
        }else{
            this.mnbvc = [5,6,7,8,9]
            this.getYearlbmaxs1()
        }
      }else if(this.lm == 44){
        if(this.shu.booknamest2){
            this.getYearlbmaxs()
        }else{
            this.mnbvc = [45,46,47]
            this.getYearlbmaxs1()
        }
      }else if(this.lm == 57){
        if(this.shu.booknamest2){
            this.getYearlbmaxs()
        }else{
            this.mnbvc = [58,59,61,62,63,64,65,66,67]
            this.getYearlbmaxs1()
        }
      }else if(this.lm == 68){
        if(this.shu.booknamest2){
            this.getYearlbmaxs()
        }else{
            this.mnbvc = [69,70,]
            this.getYearlbmaxs1()
        }
      }
      
    },
    async getYearlbmaxs() {
      let formData = new FormData();
      formData.append("keyword", this.keyword);
      formData.append("lm",this.shu.booknamest1*1);
      formData.append("type", this.shu.booknamest2);
      
      let res = await getyearleibie(
        formData 
      );
      if (res.code == 0) {
        this.yearList = res.data.yearList;
        if(res.data.yearList == null){
            this.sjnull = 1
        }
      }
    },
    async getYearlbmaxs1() {
      let formData = new FormData();
      formData.append("keyword", this.keyword);
      formData.append("lm",this.shu.booknamest1*1);
      if (this.mnbvc.length != 0) {
          this.mnbvc.map((item, index) => {
            formData.append("type ", item);
          });
      }
      let res = await getyearleibie(
        formData 
      );
      if (res.code == 0) {
        this.yearList = res.data.yearList;
        if(res.data.yearList == null){
            this.sjnull = 1
        }
      }
    },
    async getMl(){
        let res =  await getjb()
        if(res.code == 200){
            this.jbList = res.data
        }
    }, 
    async getJb(){
        let res =  await getml()
        if(res.code == 200){
            this.mlList = res.data
        }
    }, 
    // towenxian(id){
    //     this.$router.push({path:'/literature',query:{id:id}})
    // },
    handleCheckAllChangeSales(val) {
      this.bushForm = []
      var checkedsItem = val ? this.tableData : [];
      if (checkedsItem.length > 0) {
        checkedsItem.forEach((item) => {
          this.bushForm.push(item.id);
        });
      } else {
        this.bushForm = [];
      }
      this.isALL = false;
    },
 
    handleCheckedColumnChangeSales(value) {
      let checkedCount = value.length;
      this.checkAll = checkedCount === this.tableData.length;
      this.isALL =
        checkedCount > 0 && checkedCount < this.tableData.length;
    },
      toshow(){
        this.show = !this.show
      },
      toshow1(){
        this.show1 = !this.show1
      },
      toshow2(){
        this.show2 = !this.show2
      }
   
  },
  computed:{
　　
},
  components: {
      
  }
}
</script>
